<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/public/head.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ch">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="左右结构项目，属于大人员的社交工具">
    <meta name="keywords" content="左右结构项目 社交 占座 ">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>Bootstrap左右结构响应式后台管理模板</title>
    <script src="${system}/js/jquery.min.js"></script>
    <script src="${system}/js/bootstrap.min.js"></script>
    <script>
        $(function() {
            $(".meun-item").click(function() {
                $(".meun-item").removeClass("meun-item-active");
                $(this).addClass("meun-item-active");
                var itmeObj = $(".meun-item").find("img");
                itmeObj.each(function() {
                    var items = $(this).attr("src");
                    items = items.replace("_grey.png", ".png");
                    items = items.replace(".png", "_grey.png")
                    $(this).attr("src", items);
                });
                var attrObj = $(this).find("img").attr("src");
                ;
                attrObj = attrObj.replace("_grey.png", ".png");
                $(this).find("img").attr("src", attrObj);
            });
            $("#topAD").click(function() {
                $("#topA").toggleClass(" glyphicon-triangle-right");
                $("#topA").toggleClass(" glyphicon-triangle-bottom");
            });
            $("#topBD").click(function() {
                $("#topB").toggleClass(" glyphicon-triangle-right");
                $("#topB").toggleClass(" glyphicon-triangle-bottom");
            });
            $("#topCD").click(function() {
                $("#topC").toggleClass(" glyphicon-triangle-right");
                $("#topC").toggleClass(" glyphicon-triangle-bottom");
            });
            $(".toggle-btn").click(function() {
                $("#leftMeun").toggleClass("show");
                $("#rightContent").toggleClass("pd0px");
            })
        })
    </script>
    <!--[if lt IE 9]>
    <script src='${system}/js/html5shiv.min.js'></script>
    <script src='${system}/js/respond.min.js'></script>
    <![endif]-->
    <link href="${system}/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="${system}/css/common.css" />
    <link rel="stylesheet" type="text/css" href="${system}/css/slide.css" />
    <link rel="stylesheet" type="text/css" href="${system}/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="${system}/css/flat-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="${system}/css/jquery.nouislider.css">
</head>

<body>
<!-- 修改密码模块 -->
<div role="tabpanel" class="tab-pane" id="chan">
    <div class="check-div">
        用户名:<span id="userName">${user.username}</span>
    </div>
    <div style="padding: 50px 0;margin-top: 50px;background-color: #fff; text-align: right;width: 420px;margin: 50px auto;">
        <form class="form-horizontal" action="${system}/user/updateUserPwd">
            <input type="hidden" name="id" value="${user.id}">
            <div class="form-group">
                <label for="sKnot" class="col-xs-4 control-label">原密码：</label>
                <div class="col-xs-5">
                    <input type="password" class="form-control input-sm duiqi" id="sKnot" placeholder="" style="margin-top: 7px;">
                </div>
            </div>
            <div class="form-group">
                <label for="sKnot" class="col-xs-4 control-label">新密码：</label>
                <div class="col-xs-5">
                    <input type="password" name="password" class="form-control input-sm duiqi" id="sKnot" placeholder="" style="margin-top: 7px;">
                </div>
            </div>
            <div class="form-group text-right">
                <div class="col-xs-offset-4 col-xs-5" style="margin-left: 169px;">
                    <button type="reset" class="btn btn-xs btn-white">取 消</button>
                    <button type="submit" class="btn btn-xs btn-green">保存</button>
                </div>
            </div>
        </form>
    </div>

</div>
</body>
</html>